<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>邮件退订_大街网</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="http://assets.dajieimg.com/lib/jquerymobile/jquery.mobile-1.4.2.min.56456.css" />
    <script src="http://assets.dajieimg.com/lib/jquerymobile/jquery-1.11.0.min.56456.js"></script>
    <script src="http://assets.dajieimg.com/lib/jquerymobile/jquery.mobile-1.4.2.min.56456.js"></script>
    <style>
      @media only screen and (min-width: 30em){
        .ui-page{
          width: 30em !important;
          margin: 0 auto !important;
          position: relative !important;
        }
        .ui-overlay-d{
          background: #333;
        }
      }
    </style>
  </head>
  <body style="font-family:'Microsoft YaHei',微软雅黑,sans-serif;">
    <div data-role="page" id="mainPage">
      <div data-role="header" style="background-color:#39404D" class="ui-grid-a">
        <div class="ui-block-a">
          <img src="http://assets.dajieimg.com/up/dj-mobile/images/logo.png" style="float:left;height:2.5em;line-height:2.5em;overflow:hidden;padding-left:1em;"/>
        </div>
        <div class="ui-block-b">
          <h4 style="color:#FFF;font-family:'Microsoft YaHei',微软雅黑,sans-serif;float:right;padding-right:1em;height:2.5em;line-height:2.5em;overflow:hidden;margin:0px;">邮件退订</h4>
        </div>
      </div>
      <div role="main" class="ui-content">
        <ul class="ui-listview" data-role="listview" id="mainUL">
          <li class="ui-li-static ui-body-inherit ui-first-child" style="padding-top:0px;padding-bottom:0px;" id="titleLi">
            <span id="succ" style="font-family:'Microsoft YaHei',微软雅黑,sans-serif;background-color:#FFF;border-style:none;color: #666666;" class="ui-btn ui-icon-check ui-btn-icon-top"><#if categoryName??>${categoryName}</#if>类型邮件<#if isUnsub??>${isUnsub}</#if>！</span>
          </li>
          <li class="ui-li-static ui-body-inherit" style="padding-top:10px;text-align:center;" id="subTitleLi">
            <span style="font-family:'Microsoft YaHei',微软雅黑,sans-serif;background-color:#FFF;border-style:none;white-space:normal;font-size:14px;">感谢您关注大街网！大街网是中国职业社交网站的缔造者，您可以在这里发现新的职业机遇。</span>
          </li>
          <li class="ui-li-static ui-body-inherit ui-li-has-thumb" style="border-style:none;" id="industryLi">
            <img style="float:left;padding:10px 0 0 15px;" src="http://5.f1.dajieimg.com/n/micro_blog/T14lJTBbVT1RXrhCrK_c.jpg">
            <h2 style="color:#666666;font-weight:bold;padding:0 0 0 5px;margin:0;font-family:'MicroSoft YaHei','SimHei'">职位邀约箱</h2>
            <span style="font-size:14px;display:block;padding:5px 0 0 5px;margin:0;white-space:normal;font-family:'MicroSoft YaHei','SimHei'">招聘单位直接向您发送职位信息，投递简历一站直达！</span>
          </li>
          <li class="ui-li-static ui-body-inherit ui-li-has-thumb" style="border-style:none;" id="industryLi">
            <img style="float:left;padding:10px 0 0 15px;" src="http://5.f1.dajieimg.com/n/micro_blog/T1lrdTBQKT1RXrhCrK_c.jpg">
            <h2 style="color:#666666;font-weight:bold;padding:0 0 0 5px;margin:0;font-family:'MicroSoft YaHei','SimHei'">职场人脉</h2>
            <span style="font-size:14px;display:block;padding:5px 0 0 5px;margin:0;white-space:normal;font-family:'MicroSoft YaHei','SimHei'">填写就业经历和职业信息，和同行业精英做朋友！</span>
          </li>
        </ul>
      </div>
      <div data-role="footer" class="ui-grid-a" style="border-style:none;background-color:#BBC0C9;font-weight:normal;">
        <div class="ui-block-a">
          <span style="color:#FFF;font-size:13px;font-family:'Microsoft YaHei',微软雅黑,sans-serif;float:left;padding-left:1em;height:2em;line-height:2em;overflow:hidden;margin:0px;">&copy;2008-2014 大街网</span>
        </div>
        <div class="ui-block-b">
        </div>
      </div>
    </div>
  </body>
</html>